﻿    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" href="css/kendo/kendo.mobile.all.min.css"/>
    <script src="js/jquery-2.1.0.min.js"></script>    
    <script src="js/kendo/kendo.mobile.min.js"></script>
    <script src="css/kendo/kendo.common.min.css"></script>
    <script src="css/kendo/kendo.default.min.css"></script>
    <script src="css/kendo/kendo.dataviz.min.css"></script>
    <script src="css/kendo/kendo.dataviz.default.min.css"></script>
    
    <!--<link rel="stylesheet" href="styles/kendo.common.min.css" />
    <link rel="stylesheet" href="styles/kendo.default.min.css" />
    <link rel="stylesheet" href="styles/kendo.dataviz.min.css" />
    <link rel="stylesheet" href="styles/kendo.dataviz.default.min.css" />

    
    <script src="js/kendo.all.min.js"></script>-->
    <!--<script src="js/kendo.all.min.js"></script>--> 
    <script src="js/highcharts.js"></script> 
    <script src="js/exporting.js"></script> 
   <!-- <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="http://code.highcharts.com/modules/exporting.js"></script>-->
    <!--<script src="js/cordova.js"></script>-->
    <script>
        var BoxSportSystem = BoxSportSystem || {}; //Para crear un espacio de nombre global para javaScript
    </script>
    <!-- <script src="js/main.js"></script>--> 
    <script src="js/app.js"></script>
    <script src="js/categoriaList.js"></script>
    <script src="js/config.js"></script>
    <script src="js/proveedoresList.js"></script>
    <script src="js/proveedorDetails.js"></script>
    <script src="js/materialesList.js"></script>
    <script src="js/pagoForm.js"></script>
    <script src="js/pagosList.js"></script>
    <script src="js/pagosDetails.js"></script>
    <script src="js/ventasEstadisticas.js"></script>
    
   </head>
<body>


       <!--CategoriaView-->
    <div id="categoriasView" 
         data-role="view" 
         data-title="Bienvenido" >
        <!--data-model="BoxSportSystem.categoriaList.viewModel" 
            data-show="BoxSportSystem.categoriaList.onShow">-->
        <ul id="listCategorias"
            data-role="listview"
            data-type="group"        
            data-template="categoriaListTemplate"
            data-bind="source: categoriasDataSource">
            <li>
                <h1>Box Sport Corporación</h1>
                <ul>
                    <li>Proyecto Integrador I</li>
                    <li>UPN Cajamarca 2014-2</li>
                    <li></li>
                </ul>
            </li>            

        </ul>
        <script id="categoriaListTemplate" type="text/x-kendo-tpml">
            Nombre: ${data.NombreCategoria}<br/>
            ${data.Descripcion}
     </script>
    </div>
    
    <!-- Finc codigo para camara -->    

<div id="regitrarPagoView" 
     data-role="view" 
     data-title="Registrar Pago" 
     data-layout="mainLayout"
     data-model="BoxSportSystem.proveedorDestails.viewModel"
     data-show="BoxSportSystem.proveedorDestails.onShow">
        
        <header data-role="header">
            <div data-role="navbar">
                <a class="nav-button" data-align="left"
                     data-role="backbutton">Atras</a>
                <span data-role="view-title"></span>
            </div>
        </header>

    <ul data-role="listview" data-style="inset" >                   
        <li><h2><span data-bind="text: proveedor.NombreEmpresa"/></h2></li>
        <li>RUC: <span data-bind="text: proveedor.RucProvedor"/></li>

        <li><input id="iPro" data-bind="value: proveedor.Id" /></li>
        <li><label for="fFecha">Fecha:</label><input id="fFecha" data-role="datepicker" data-bind="value: Pagos.FechaPago" /></li>
        <li><label for="lImg">Imagen:</label><input id="lImg" data-bind="value: Pagos.ImagenPago" /></li>
        <li><button data-role="button" data-icon="add" data-bind="click: save ">Guardar  </button></li>
        <li>
            <button id="btnGetCamara" data-role="button" data-bind="click: onFoto"  data-icon="play">Camara</button><br/>
        </li>
                
        <li>
            <img style="display:none;width:140px;height:140px;" id="imagen" src="" />  
        </li>
    </ul>

</div>


    <!-- Main Layout -->
<div data-id="mainLayout" data-role="layout">
    <!--- Header-->
    <div data-role="header">
        <div data-role="navbar" >
            <span data-role="view-title"></span>
        </div>
    </div>
    <!-- Footer-->
    <div data-role="footer">
        <div data-role="tabstrip">
            <a href="view/Proveedores/proveedor.html#homeView"  data-icon="add"><img src="Iconos/add.png"/>Nuevo Pago</a>
            <a href="view/Pagos/pago.html#listBocuherView" data-icon="history"><img src="Iconos/pagos.png" style="height: 26px;"/> Pagos</a>
            <a href="view/Materiales/material.html#materialesView" data-icon="toprated"><img src="Iconos/Box-icon.png" style="height: 26px;"/> Insumos</a>
            <a href="view/Productos/estadisticaProducto.html#estaditicaProductosView" data-icon="cart"><img src="Iconos/repor.gif" style="height: 26px;"/> Ventas</a>
            
            <!--<a href="#pagoReg" data-icon="cart">PAGO</a>-->
            <!--<a href="view/Productos/producto.html#listProductosView" data-icon="cart">Productos</a>-->
       </div>
    </div>
</div>

<!-- fFin main Layout-->
<script>
    BoxSportSystem.app.initApplication();
</script>
</body>

</html>
